CSS: text-box-edge

トリミングの基準になるfontの高さを指定する

値はautoかCSS: text-edgeと同じ値

auto

以下はCSS: text-boxで定義された値と同じモノ

text

上部は text-over baseline でトリミング

下部は text-under baseline でトリミング

ideographic

漢字などに適したトリミング

cap

上部をCap Heightでトリミング

上部をx-heightでトリミング

alphabetic

下部をalphabetic baselineでトリミング

例

code:css

p {

text-box-edge: cap alphabetic;

border-top: 5px solid magenta;

border-bottom: 5px solid magenta;

}

https://gyazo.com/fc66051e239a6b0bfea15e9968076009